<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内涵段子网页版</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="box">
        <img class="boximg" src="images/星空.jpg" alt="">
        <div class="top">
            <div class="topone">
                <div class="toponetx"><img class="toponetximg" src="images/内涵段子logo.jpg" alt=""></div>
                <div class="toponetxwz">内涵段子网页模式</div>
                <div class="tx"><img src="images\小李子头像.jpg" alt=""></div>
                <div class="denglu"><a href="">登录</a></div>
            </div>
            <div class="toptwo">
                <a href="index.html"><div class="toptwowz1">首页</div></a>
                <a href="tiezi.html"><div class="toptwowz2">帖子专区</div></a>
                <a href="shipin.html"><div class="toptwowz3">视频专区</div></a>
                <div class="toptwowz4">正能量</div>
                <div class="toptwowz5">直播</div>
                <div class="toptwowz6">那些年</div>
                <div class="toptwowz7">段友出征</div>
                <div class="toptwowz8">生活</div>
                <div class="toptwowz9">美食</div>
                <div class="toptwowz10">时尚</div>
                <div class="toptwowz11">军事</div>
                <div class="toptwowz12" style="cursor: help;">...</div>
            </div>
        </div>
        <div class="head"><img src="images\head.jpg" alt="">
            <a href=""><div class="left"><img src="images\向左.png" alt=""></div></a>
            <a href=""><div class='right'><img src="images\向右.png" alt=""></div></a>
            <div>
                <ul class="qiehuan">
                    <a href="">
                        <li id="one"></li>
                    </a>
                    <a href="">
                        <li></li>
                    </a><a href="">
                        <li></li>
                    </a><a href="">
                        <li></li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <div class="body1">    
        <div class="divhr1"></div>
        <div class="sp">视频专区
        </div>
        <div class="spdw">
            <svg t="1652150791166" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3321" width="200" height="200"><path d="M895.616384 347.812188q0 10.22977-0.511489 19.436563t-1.534466 19.436563q-9.206793 84.907093-37.338661 163.164835t-71.096903 150.377622-99.228771 138.613387-121.734266 127.872128q-9.206793 11.252747-23.528472 11.252747-15.344655 0-24.551449-11.252747-65.470529-61.378621-122.245754-128.895105t-100.251748-141.170829-71.608392-152.935065-36.315684-165.210789q0-8.183816-0.511489-15.344655t-0.511489-15.344655q0-71.608392 28.131868-135.032967t76.211788-110.481518 113.038961-74.677323 138.613387-27.62038 138.101898 27.62038 112.527473 74.677323 76.211788 110.481518 28.131868 135.032967zM540.643357 507.396603q33.758242 0 63.424575-12.787213t51.66034-34.26973 34.781219-50.637363 12.787213-61.89011-12.787213-61.89011-34.781219-50.637363-51.66034-34.26973-63.424575-12.787213-63.424575 12.787213-52.171828 34.26973-35.292707 50.637363-12.787213 61.89011 12.787213 61.89011 35.292707 50.637363 52.171828 34.26973 63.424575 12.787213z" p-id="3322"></path></svg>
        </div>
        <div class="zhuanqu">
        <ul>
           <a href="#">
               <li class="zq1">
            <img src="images\篮球.jpg" alt="">
            <div class="zq1bf"><img src="images\播放.png" alt=""></div>
            <div class="body1wz">人在家中坐，球技心中涨！！</div>
           </li>
        </a>
            <a href="#">
        <li class="zq1">
                <img src="images\承太郎.jpg" alt="">
                <div class="body1wz">承太郎的一生只有白金之星和他...</div>
                <div class="zq1bf"><img src="images\播放.png" alt=""></div>
            </li>
        </a>
            <a href="#">
            <li class="zq1">
                <img src="images\库里.jpg" alt="">
                <div class="zq1bf"><img src="images\播放.png" alt=""></div>
                <div class="body1wz">投篮投的好，打球没烦恼！四个练习</div>
            </li>
        </a>
            <a href="#">
            <li class="zq2">
                <img src="images\少女.jpg" alt="">
                <div class="zq1bf"><img src="images\播放.png" alt=""></div>
                <div class="body1wz">“春天，拿着这个视频去表白吧！”</div>
            </li>
        </a>
            <a href="#">
            <li class="zq3">
                <img src="images\小李子.jpg" alt="">
                <div class="zq1bf"><img src="images\播放.png" alt=""></div>
                <div class="body1wz2">16岁的小李子采访记录，帅哭了！</div>
            </li>
        </a>
            <a href="#">
            <li class="zq3">
                <img src="images\小李子2.jpg" alt="">
                <div class="zq1bf"><img src="images\播放.png" alt=""></div><div class="body1wz2">统一全球审美的男人！百年难求！【</div>
            </li>
        </a>
            <a href="#">
            <li class="zq3">
                <img src="images\艾伦.jpg" alt="">
                <div class="zq1bf"><img src="images\播放.png" alt=""></div><div class="body1wz2">“我，艾伦·耶格尔，向世界，宣战！”</div>
            </li>
        </a>
            <a href="#">
            <li class="zq4">
                <img src="images\你的名字.jpg" alt="">
                <div class="zq1bf"><img src="images\播放.png" alt=""></div><div class="body1wz2">【大陆官方预告片】《你的名字。》大</div>
            </li>
        </a>
        </ul>
       </div>
        </div>
    </div>
    <div class="body2">
        <div class="divhr1"></div>
        <div class="sp">帖子专区</div>
        <div class="zhuanqu2">
            <ul>
                <li class="tz1"><img src="images\有时候.jpg" alt=""></li>
                <li class="tz1"><img src="images\防疫.jpg" alt=""></li>
                <li class="tz1"><img src="images\满月酒.jpg" alt=""></li>
                <li class="tz2"><img src="images\小超人.jpg" alt=""></li>
            </ul>
        </div>
    </div>
    <div class="body3">
        <div class="divhr1"></div>
        <div class="sp">正能量</div>
        <ul class="zhuanqu3">
            <li class="znl1"><img src="images\悬崖村.png" alt="">
               <div class="znl1wz"> “悬崖村”当年获6亿救助,现 在怎么样？网友：重新换了个 梯子，行动更有保障也稍微...
               </div>
            </li>
            <li class="znl1">
                <img src="images\疫情工作者.png" alt="">
               <div class="znl1wz"> 95后上海志愿者：在疫情中打捞 老人,晓梦家位于静安区，2015 年前，旧属闸北区...
               </div>
            </li>
            <li class="znl2">
                <img src="images\古天乐小学.png" alt="">
                <div class="znl1wz"> 古天乐什么时候开始捐建学校？ 为什么捐建学校？不是低调吗， 为什么还要...
                </div>
            </li>
        </ul>
    </div>
    <div class="bottom">
        <div class="divhr2">
            <div class="bottomwz">
            版权为2021级软件技术一班赵王峰所拥有<br>
            赞助商：***公司<br>
              合作商：莱昂纳多·迪卡普里奥
            </div>
            <DIV class="bottomwz1">
                内涵路段友情<BR>
                   欢迎回家！
                </DIV>
               
        </div>
        <DIV class="divhr3"></DIV>
        <DIV class="divhr4"></DIV>
    </div>
</body>
</html>